<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>完美首页</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	<!-- 最大的div -->
	<div class="all">
	<!-- 头部的总div -->
		<div class="top">
		<!-- 头部上部分 -->
			<div class="top_one">
			<!-- 头部上部分logo部分 -->
				<div class="top_logo">
					<img src="image/index/logo_wm.png" alt="aaaa">
				</div>
				<!-- 头部上部分文字部分 -->
				<div class="top_font">
					<h5>欢迎来到完美世界控股集团！</h5>
				</div>
				<div class="top_small_logo">
					<a href="javascript:void(0)" class="home"><img src="image/index/icon_home.png" alt=""></a>
					<a href="javascript:void(0)" class="red"></a>
					<span class="middle">中</span>
					<span class="yi">|</span>
					<span class="font_e">E</span>
				</div>
			</div>
			<!-- 导航栏 -->
			<div class="top_two">
				<ul class="uls">
					<li class="li1 aa">
						<a href="javascript:void(0)">关于我们</a>
						<ul class="one">
							<li><a href="javascript:void(0)">公司介绍</a></li>
							<li><a href="javascript:void(0)">董事长致辞</a></li>
							<li><a href="javascript:void(0)">发展历程</a></li>
							<li><a href="javascript:void(0)">完美荣誉</a></li>
							<li><a href="javascript:void(0)">招聘信息</a></li>
							<li><a href="javascript:void(0)">法律声明</a></li>
							<li><a href="javascript:void(0)">防骗手册</a></li>
						</ul>
					</li>

					<li class="li2 aa">
						<a href="javascript:void(0)">完美控股</a>
						<ul class="two">
							<li><a href="javascript:void(0)">完美影视</a></li>
							<li><a href="javascript:void(0)">完美游戏</a></li>
							<li><a href="javascript:void(0)">完美动画</a></li>
							<li><a href="javascript:void(0)">完美漫画</a></li>
							<li><a href="javascript:void(0)">完美文学</a></li>
							<li><a href="javascript:void(0)">完美媒体</a></li>
							<li><a href="javascript:void(0)">完美教育</a></li>
						</ul>
					</li>

					<li class="li3 aa">
						<a href="javascript:void(0)">新闻报道</a>
						<ul class="three">
							<li><a href="javascript:void(0)">新闻动态</a></li>
						</ul>
					</li>

					<li class="li4 aa">
						<a href="shopping.html" target="_blank">完美商城</a>
						<ul>

						</ul>
					</li>

					<li class="li5 aa">
						<a href="javascript:void(0)">联系我们</a>
						<ul class="five">
							<li><a href="javascript:void(0)">客户合作</a></li>
							<li><a href="javascript:void(0)">销售合作</a></li>
							<li><a href="javascript:void(0)">海外合作</a></li>
							<li><a href="javascript:void(0)">异业合作</a></li>
							<li><a href="javascript:void(0)">媒体采访</a></li>
							<li><a href="javascript:void(0)">投资合作</a></li>
							<li><a href="javascript:void(0)">人员招聘</a></li>
							<li><a href="javascript:void(0)">舞弊举报</a></li>
						</ul>
					</li>
				</ul>
			</div>
		</div>

		<!-- 中间的部分 -->
		<div class="main">
		<!-- 轮播图 -->
			<div class="bglunbo">
				<div class="bgscroll">
					<ul>
						<li class="cls1"></li>
						<li class="cls2"><a href=""></a></li>
					</ul>
				</div>
				<!-- 轮播下的页面 -->
				<div class="main_middle">
					<div class="main_all">
						<div class="new_box">
							<h3 class="tit">
								<span>News</span>
								新闻动态
							</h3>
							<ul>
								<li>
									<a href="javascript:void(0)" title="E3展大战同台 完美世界沙盒手游《我的起源》亮眼">E3展大战同台 完美世界沙盒手游《我的起源》亮眼</a>
									<span>[6/19]</span>
								</li>
								<li>
									<a href="javascript:void(0)" title="游戏研发商锐减7成 人才短缺触目惊心">游戏研发商锐减7成 人才短缺触目惊心</a>
									<span>[5/29]</span>
								</li>
								<li>
									<a href="javascript:void(0)" title="完美世界第七次入选“全国文化企业30强”">完美世界第七次入选“全国文化企业30强”</a>
									<span>[5/16]</span>
								</li>
								<li>
									<a href="javascript:void(0)" title="《不婚女郎》杀青 佟丽娅张亮“不打不相识”">《不婚女郎》杀青 佟丽娅张亮“不打不相识”</a>
									<span>[4/16]</span>
								</li>
							</ul>
							<div class="more"><a href="">更多新闻<<</a></div>
						</div>

						<!-- 中间页面的小轮播 -->
						<div class="right_box clearfix">
							<div class="lunbo">
								<div class="inner">
									<ul class="lunbo_ul">
										<li>
											<a href="javascript:void(0)"><img src="image/index/lunbo1.jpg" alt=""></a>
											<h3 class="aa">像素种子，一个很酷的一个游戏教育基地</h3>
										</li>
										
										<li>
											<a href="javascript:void(0)"><img src="image/index/lunbo2.jpg" alt=""></a>
											<h3 class="bb">《诛仙3》全新版本“霜起龙渊”，今日引爆盛夏！</h3>
										</li>
										
										<li>
											<a href="javascript:void(0)"><img src="image/index/lunbo3.jpg" alt=""></a>
											<h3 class="cc">斩获最佳男主等多个奖项，完美世界影视成奥斯卡大赢家</h3>
										</li>
										
										<li>
											<a href="javascript:void(0)"><img src="image/index/lunbo4.jpg" alt=""></a>
											<h3 class="dd">完美世界池宇峰：以“真善美”最为电视剧永恒的追求</h3>
										</li>
										
										<li>
											<a href="javascript:void(0)"><img src="image/index/lunbo5.jpg" alt=""></a>
											<h3 class="ee">完美世界官方提醒电信诈骗</h3>
										</li>	
									</ul>

									<div class="dot">
										<span class="current"></span>
										<span></span>
										<span></span>
										<span></span>
										<span></span>
									</div>
								</div>
							</div>
							<div class="culture_box">
								<h3 id="tit">
									<span>Culture</span>
									企业文化
								</h3>
								<ul>
									<li>有你才完美</li>
									<li>快乐完美</li>
									<li>完美正能量</li>
								</ul>
							</div>

							<!-- 手风琴 -->
							<div class="bottom_box">
								<div class="tab_wrap">
									<ul>
										<li><a href="javascript:void(0)"><img src="image/index/0_01.jpg" alt=""></a></li>
										<li><a href="javascript:void(0)"><img src="image/index/0_02.jpg" alt=""></a></li>
										<li><a href="javascript:void(0)"><img src="image/index/0_03.jpg" alt=""></a></li>
										<li><a href="javascript:void(0)"><img src="image/index/0_04.jpg" alt=""></a></li>
										<li><a href="javascript:void(0)"><img src="image/index/0_05.jpg" alt=""></a></li>
										<li><a href="javascript:void(0)"><img src="image/index/0_06.jpg" alt=""></a></li>
										<li><a href="javascript:void(0)"><img src="image/index/0_07.jpg" alt=""></a></li>
									</ul>
								</div>
							</div>
						</div>
						<div class="clearboth"></div>
						
						<!-- 股票 -->
						<div class="stock_box">
							<div id="scroll">
								<ul>
									<li>
										完美世界[002624]股票实时行情：
										<p class="color">
											<strong id="openPrice">27.100</strong>
											<strong id="changePrice">+0.85</strong>
											<ins id="percentPrice" class="green">(+1.82%)</ins>
										</p>
										<h5>[今开28.850 昨收29.110 最高28.980 最低28.480]</h5>
										<h6>2018/07/29 20.37.00(北京时间)</h6>
									</li>
								</ul>
							</div>
						</div>
						
						<!-- 微博微信 -->
						<div class="stock_box2 clearfix">
							<div class="first_box">
								<div class="wbBox">
									<ul>
										<li><a href="javascript:void(0)">完美世界官方微博</a></li>
										<li><a href="javascript:void(0)">完美正能量</a></li>
										<li><a href="javascript:void(0)">完美世界招聘部</a></li>
										<li><a href="javascript:void(0)">完美世界新浪微博</a></li>
										<li><a href="javascript:void(0)">完美世界腾讯微博</a></li>
										<li><a href="javascript:void(0)">完美世界EVP</a></li>
									</ul>
								</div>
								<div class="wxBox">
									<ul>
										<li>
											<a href="javascript:void(0)">完美世界+</a>
											<img src="image/index/wx_01.gif" width="240" height="240" alt="">
										</li>
										<li>
											<a href="javascript:void(0)">完美正能量+</a>
											<img src="image/index/wx_02.gif" width="240" height="240" alt="">
										</li>
										<li>
											<a href="javascript:void(0)">完美世界招聘+</a>
											<img src="image/index/wx_03.gif" width="240" height="240" alt="">
										</li>
										<li>
											<a href="javascript:void(0)">完美客服+</a>
											<img src="image/index/wx_04.gif" width="240" height="240" alt="">
										</li>
										<li>
											<a href="javascript:void(0)">快乐完美+</a>
											<img src="image/index/wx_05.gif" width="240" height="240" alt="">
										</li>
									</ul>
								</div>
							</div>
							<div class="second_box">
								<a href="javascript:void(0)">完美音乐在线</a>
							</div>
						</div>


					</div>
				</div>
			</div>
		</div>

		<!-- 底部 -->
		<div class="bottom">
			<div class="bottom_nav">
				<ul>
					<li>
						<h2>关于我们</h2>
						<ul>
							<li><a href="javascript:void(0)">公司介绍</a></li>
							<li><a href="javascript:void(0)">董事长致辞</a></li>
							<li><a href="javascript:void(0)">发展历程</a></li>
							<li><a href="javascript:void(0)">完美荣誉</a></li>
							<li><a href="javascript:void(0)">招聘信息</a></li>
							<li><a href="javascript:void(0)">法律声明</a></li>
							<li><a href="javascript:void(0)">防骗手册</a></li>
						</ul>
					</li>
					<li>
						<h2>完美世界控股集团</h2>
						<ul>
							<li><a href="javascript:void(0)">完美世界影视</a></li>
							<li><a href="javascript:void(0)">完美世界游戏</a></li>
							<li><a href="javascript:void(0)">完美世界动画</a></li>
							<li><a href="javascript:void(0)">完美世界漫画</a></li>
							<li><a href="javascript:void(0)">完美世界文学</a></li>
							<li><a href="javascript:void(0)">完美世界媒体</a></li>
							<li><a href="javascript:void(0)">完美世界教育</a></li>
						</ul>
					</li>
					<li>
						<h2>新闻报道</h2>
						<ul>
							<li><a href="javascript:void(0)">新闻动态</a></li>
						</ul>
					</li>
					<li>
						<h2>雇主价值主张/企业社会责任</h2>
						<ul>
							<li><a href="javascript:void(0)">雇主价值主张</a></li>
							<li><a href="javascript:void(0)">企业社会责任</a></li>
						</ul>
					</li>
					<li style="margin-right: 0">
						<h2>联系我们</h2>
						<ul>
							<li><a href="javascript:void(0)">客户服务</a></li>
							<li><a href="javascript:void(0)">销售合作</a></li>
							<li><a href="javascript:void(0)">海外合作</a></li>
							<li><a href="javascript:void(0)">异业合作</a></li>
							<li><a href="javascript:void(0)">媒体采访</a></li>
							<li><a href="javascript:void(0)">投资合作</a></li>
							<li><a href="javascript:void(0)">舞弊举报</a></li>
							<li><a href="javascript:void(0)">人员招聘</a></li>
						</ul>
					</li>
				</ul>
			</div>
			<div class="line_foot">
			</div>
			<div class="footer">
				<p>
					京ICP证15067283号-1 编号：文网文【2017】8929-1007号 京公网安备11010502033859号<br>
					《网络视听许可证》编号：0110587<br>
					完美世界（北京）软件科技发展有限公司
				</p>
			</div>
			<!-- <ul style="width: 500px;height: 50px;background: pink;">
				<li style="float: left;width: 80px">
					<a href="" style="display: block;width: 80px;height: 50px">3333</a>
					<ul style="width: 80px;height: 100px;background: red">
						<li>3333</li>
					</ul>
				</li>
				<li style="float: left;width: 80px">
					<a href=""  style="display: block;width: 80px;height: 50px">4444</a>
					<ul  style="width: 80px;height: 100px;background: red">
						<li>4444</li>
					</ul>
				</li>
			</ul> -->
		</div>
		</div>
		<script src = js/index.js></script>
		<script>

		</script>
</body>
</html>